<?php defined('BASEPATH') OR exit('No direct script access allowed');?>


<div class="pink">
<!-- +++++ 简介部分 +++++ -->
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 centered">
                    <h1>About Something</h1>
                    <p>网站由Bootstrap框架 + CI框架搭建而成</p>
                    <p>web服务器 - Apache</p>
                    <p>数据库 - MySQL</p>
                    <p>项目管理 - Git</p>
                </div><!-- /col-lg-8 -->
            </div><!-- /row -->
        </div> <!-- /container -->


    <!-- +++++ 信息部分 +++++ -->

    <div class="container pt">
        <div class="row mt centered">
            <div class="col-lg-3">
                <span class="glyphicon glyphicon-book"></span>
                <p>
                    《PHP - 从入门到跑路》<br>
                    《MySQL - 从入门到删库》<br>
                    <small style="color: grey">书籍推荐</small>
                </p>
            </div>

            <div class="col-lg-3">
                <span class="glyphicon glyphicon-film"></span>
                <p>
                    《BBC - 杀了他喂猪》<br>
                    《CCTV - 养猪为什么能致富》<br>
                    <small style="color: grey">电影推荐</small>
                </p>
            </div>

            <div class="col-lg-3">
                <span class="glyphicon glyphicon-music"></span>
                <p>
                    《SNH48 - 逐梦演艺圈》<br>
                    《あいみょん - 生きていたんだよな》<br>
                    <small style="color: grey">音乐推荐</small>
                </p>
            </div>

            <div class="col-lg-3">
                <span class="glyphicon glyphicon-thumbs-up"></span>
                <p>
                    前面？<br>
                    不存在的！<br>
                    <small style="color: grey">其他推荐</small>
                </p>
            </div>
        </div><!-- /row -->

        <div class="row mt">
            <div class="col-lg-6">
                <h4>有话要说</h4>
                <p>目前博客有的功能：登录相关、增删查改以及分页显示...<br>这些功能实现逻辑倒也不复杂，不过目前也在逐步完善嘛，之后会慢慢实现一些比较复杂的功能。<br>还有就是，作为一只学艺不精的后端狗，前端知识掌握的确是太少，基本用到的全是bootstrap自带的样式以及各种插件。<br>嘛...学习的道路还很长，希望能与君共勉^_^！</p>
            </div><!-- /colg-lg-6 -->

            <div class="col-lg-6">
                <h4>使用到的技术</h4>
                Git
                <div class="progress  progress-striped">
                    <div class="progress-bar progress-bar-theme" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
                        <span class="sr-only">20% Complete</span>
                    </div>
                </div>

                HTML + CSS
                <div class="progress  progress-striped">
                    <div class="progress-bar progress-bar-theme" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                        <span class="sr-only">60% Complete</span>
                    </div>
                </div>

                PHP
                <div class="progress  progress-striped">
                    <div class="progress-bar progress-bar-theme" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
                        <span class="sr-only">80% Complete</span>
                    </div>
                </div>
            </div><!-- /col-lg-6 -->
        </div><!-- /row -->

    </div><!-- /container -->

</div>
